@import "elment";
@import "splitpanes.css";

body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: Roboto,
  -apple-system,
  BlinkMacSystemFont,
  'Helvetica Neue',
  'Segoe UI',
  'Oxygen',
  'Ubuntu',
  'Cantarell',
  'Open Sans',
  sans-serif;
}

html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}


#app {
  width: 100%;
  height: 100%;
  background-color: var(--theme-color);
}


.rootLayout {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;

  .mainContainer {
    flex: 1;
    background-color: rgba(208, 208, 208, 0.1);
    height: 100%;
  }

  .windowToolBar {
    z-index: 999;
    display: flex;
    position: absolute;
    right: 0;
    button {
      padding:10px;
      border: none !important;
      border-radius: 0 !important;
      height: 2em;

      &:hover {
        background-color: lightgray !important;
      }

      &.danger:hover {
        background-color: red !important;
        color: white;
      }
    }
  }
}

.dragPanel {
  -webkit-app-region: drag;

  button {
    -webkit-app-region: no-drag;
  }

  *{
    -webkit-app-region: no-drag;
  }
}
html.dark{
  --theme-color: #262e36;
}

